{include file='public/header'}
<link rel="stylesheet" href="__STATIC__/css/anli.css" type="text/css">
<!-- 横幅 -->
<div class="banner"></div>
<!-- 横幅结束 -->
<!--主体开始-->
<div class="m-1200">
  <div class="info">
    <div class="slide_nav">
      <div class="hd">
        <h2>关于我们</h2>
        <p>ABOUT US</p>
      </div>
      <div class="bd">
        <ul class="content">
          <li><a href="{:url('aboutus/about_brief')}" target="_blank">医院简介</a></li>
          <li><a href="{:url('aboutus/about_honnor')}" target="_blank">荣誉资质</a></li>
          <li><a href="{:url('aboutus/about_team')}" target="_blank">医师团队</a></li>
          <li><a href="{:url('aboutus/about_mater')}" target="_blank">设备材质</a></li>
          <li class="anli">
            <a href="{:url('cases/anli_index')}" target="_blank">蝶变案例</a>
            <div class="menu">
              <ul>
                <li class="cur"><a href="#">美丽相册</a></li>
                <li><a href="#">手术日记</a></li>
                <li><a href="#">视频分享</a></li>
              </ul>
            </div>
          </li>
          <li><a href="#" target="_blank">360°环境</a></li>
          <li><a href="{:url('aboutus/about_route')}" target="_blank">来院路线</a></li>
          <li><a href="/index.php" target="_blank">返回首页</a></li>
        </ul>
      </div>
    </div>
    <div class="brief">
      <div class="crumb_nav">
        <p>当前位置：<a href="#">首页</a>><a href="#">关于我们</a>><a href="#">蝶变案例</a>><span>美丽相册</span></p>
      </div>
      <div class="content">
        <div class="item photo  no1">
          <div class="hd">
            <h3 class="title">安全美<img src="__STATIC__/images/more.png" alt="">更放心</h3>
              <p>按部位查看手术前后对比照</p>
              <ul><li class="cur">全部</li><li>胸部</li><li>眼部</li><li>鼻部</li><li>面部年轻</li><li>脂肪管理</li><li>微整形</li><li>韩式纹绣</li></ul>
              <div class="both"></div>
          </div>
          <div class="bd">
            <ul class="">
              <div class="ban" id="demo1">
                <div class="ban2" id="ban_pic1">
                  
                    <ul>
                    {volist name="list" id='vo'}
                      <li>
                        <div class="img">
                          <a href="javascript:;">
                            <img src="{$vo.imga}" alt=""/>
                            <img class="dn" src="{$vo.imgc}" alt="">
                          </a>
                          <div class="face">
                            <a class="front cur" href="javascript:;">正面</a>
                            <a class="side" href="javascript:;">侧面</a>
                          </div>
                        </div>
                        <div class="list_x">
                          <div class="list_xz">
                              <div class="list_xz_bt">案例打造医生</div>
                              <div class="list_xz_nr_pic fullbg" style="background-image:url(__STATIC__/images/img_31.jpg"></div>
                              <div class="list_xz_nr_jj"><span>{$vo.doctor}<i>主任</i></span><p>擅长项目：<i>自体脂肪移植塑形、面部年轻、小清新迷你双眼皮、微整 形面雕…</i></p><a title="">咨询医生</a></div>
                          </div>
                          <div class="list_xy">
                              {$vo.content}
                          </div>
                      </div>
                      </li>
                    {/volist}
                    </ul>
                </div>
                <div class="min_pic">
                  <div class="prev_btn1" id="prev_btn1"><img src="__STATIC__/images/feel3.png" alt=""/></div>
                  <div class="num clearfix" id="ban_num1">
                    <ul>
                      <li>1</li>
                      <li>2</li>
                      <li>3</li>
                      <li>4</li>
                      <li>5</li>
                      <li>6</li>
                      <li>7</li>
                    </ul>
                  </div>
                  <div class="next_btn1" id="next_btn1"><img src="__STATIC__/images/feel4.png" alt=""/></div>
                </div>
              </div>
            </ul>
          </div>
        </div>
        <div class="item diary">
          <div class="hd">
              <h3 class="title">安全美<img src="__STATIC__/images/more.png" alt="">更放心</h3>
              <p>按部位查看手术过程记录</p>
              <ul><li class="cur">全部</li><li>胸部</li><li>眼部</li><li>鼻部</li><li>面部年轻</li><li>脂肪管理</li><li>微整形</li></ul>
              <div class="both"></div>
          </div>
          <div class="bd main tab_kc1">
             <ul class="waterfall">
              <li>
                <a href="#">
                <div class="img_block">
                  <img src="__STATIC__/images/img_29.jpg" />
                </div>
                <div class="iNum">
                  <div class="fl">
                    <img src="__STATIC__/images/img_29.jpg" alt="">
                  </div>
                  <div class="fr">
                    <h4>颖仔</h4>
                    <span>美人尖清新鼻</span>
                  </div>
                </div>
                <div class="both"></div>
                <p>每一个爱美的女生，想变美的女 生，一定有一个属于她的蜕变故 事。Duang~一下...</p>
              </a>
              </li>
              </ul>
          </div>
        </div>
        <div class="item vd">
        <div class="hd">
          <h3 class="title">安全美<img src="__STATIC__/images/more.png" alt="">更放心</h3>
            <p>按部位查看视频</p>
            <ul><li class="cur">精选</li><li>双眼皮</li><li>隆鼻</li><li>隆胸</li><li>玻尿酸</li><li>祛斑</li></ul>
            <div class="both"></div>
        </div>
        <div class="bd">
          <ul class="">
            <li>
              <p class="bd_title">名医荟萃</p>
              <p class="bd_name">电视台专访本院医师</p>
              <div class="video">
                <a href="javascript:;" onclick="pop_video_pop(0);">
                  <img src="__STATIC__/images/img_28.jpg" alt="" >
                  <i class="pa"></i>
                </a>
              </div>
              <div class="mark">
                <div class="fl">
                  <span>标签</span>
                  <a href="#">安全</a>
                  <a href="#">价格</a>
                </div>
                <div class="fr">
                  <a href="#">3688</a>
                  <a class="words" href="#">186</a>
                </div>
              </div>
              <div class="both"></div>
              <div class="bd_flag">
                赵琪七
              </div>
            </li>
          </ul>
        </div>
      </div>
      </div>
      
    </div>
  </div>
</div>

<!--主体结束-->
<!--图标-->
<div class="icons">
  <div class="m-1200">
    <ul>
      <li class="l1">
          <a href="#">
            <i></i>
            <p>关于我们</p>
          </a>
      </li>
      <li class="l2">
          <a href="#">
            <i></i>
            <p>医院环境</p>
          </a>
      </li>
      <li class="l3">
          <a href="#">
            <i></i>
            <p>医生资质</p>
          </a>
      </li>
      <li class="l4">
          <a href="#">
            <i></i>
            <p>臻品材料</p>
          </a>
      </li>
      <li class="l5">
          <a href="#">
            <i></i>
            <p>先进设备</p>
          </a>
      </li>
      <li class="l6">
          <a href="#">
            <i></i>
            <p>服务管理</p>
          </a>
      </li>
      <li class="l7">
          <a href="#">
            <i></i>
            <p>蝶变案例</p>
          </a>
      </li>
    </ul>
  </div>
</div>
<script type="text/javascript">
$('#demo1').banqh({
  box:"#demo1",//总框架
  pic:"#ban_pic1",//大图框架
  pnum:"#ban_num1",//小图框架
  prev_btn:"#prev_btn1",//小图左箭头
  next_btn:"#next_btn1",//小图右箭头
  pop_prev:"#prev2",//弹出框左箭头
  pop_next:"#next2",//弹出框右箭头
  prev:"#prev1",//大图左箭头
  next:"#next1",//大图右箭头
  pop_div:"#demo2",//弹出框框架
  pop_pic:"#ban_pic2",//弹出框图片框架
  pop_xx:".pop_up_xx",//关闭弹出框按钮
  mhc:".mhc",//朦灰层
  autoplay:false,//是否自动播放
  interTime:5000,//图片自动切换间隔
  delayTime:400,//切换一张图片时间
  pop_delayTime:400,//弹出框切换一张图片时间
  order:0,//当前显示的图片（从0开始）
  picdire:true,//大图滚动方向（true为水平方向滚动）
  mindire:false,//小图滚动方向（true为水平方向滚动）
  min_picnum:5,//小图显示数量
  pop_up:true//大图是否有弹出框
})
</script>
<script>
// $(".slide_nav .bd .anli").click(function(){
//   if($(".anli .menu").is(":hidden")){
//     $(".anli .menu").slideDown(300);
//   }else{
//     $(".anli .menu").slideUp(300);
//   }
// })

$(".brief .vd ul li:nth-child(2n)").addClass(' mr');
$(".brief .diary ul li:nth-child(4n)").addClass(' mr');
$(".anli .menu ul li").click(function(){
  $(this).addClass(' cur').siblings().removeClass(' cur');
  var text = $(this).text();
  $(".crumb_nav span").text(text);
  var current = $(this).index();
  $(".content .item").eq(current).show().siblings().hide();
  var $waterfall = $('.waterfall');
  $waterfall.masonry({
    columnWidth: 225
  });
})
$(".item .hd ul li").click(function(){
  $(this).addClass(' cur').siblings().removeClass(' cur');
})
$(".photo .bd ul li .face a").click(function(){
  $(this).addClass(' cur').siblings().removeClass(' cur');
  var current = $(this).index();
  $(this).parent().siblings().children("img").eq(current).show().siblings().hide();
});
function opacity(element,opacityValue) {
  opacityValue=opacityValue>96?100:opacityValue;
  element.style.filter = "alpha(opacity="+opacityValue+")";
    opacityValue /= 100.0;
  element.style.MozOpacity=opacityValue;
  element.style.KhtmlOpacity=opacityValue;
  element.style.opacity=opacityValue;
 }
function pop_video_pop(url){
  switch(url){
    case 0:
      url="http://player.youku.com/player.php/sid/XMTM0MTQ4MDEwMA==/v.swf";
      break;
    case 1:
      url="http://player.youku.com/player.php/sid/XMTM0MTQ4MDEwMA==/v.swf";
      break;
    case 2:
      url="http://static.youku.com/v1.0.0571/v/swf/loader.swf?VideoIDS=XMTM0MTQ4MjQ2NA%3D%3D&embedid=MTExLjIwNi4yMzcuMTICMzM1MzcwNjE2AgI%3D&wd=&vext=pid%3D%26emb%3DMTExLjIwNi4yMzcuMTICMzM1MzcwNjE2AgI%3D%26bc%3D%26type%3D0";
      break;
    default:
      url="http://static.video.qq.com/TPout.swf?vid=k0164mqa1pr&amp;auto=0";
      break;
  }
  var newNode = document.createElement('div');
  var newNode1 = document.createElement('div');
  newNode.style.width="100%";
  newNode1.style.width="800px";
  newNode.style.height="100%";
  newNode1.style.height="500px";
  newNode1.style.zIndex="9999";
  newNode.style.zIndex="9998";
  newNode1.style.background=newNode.style.background="#000";
  newNode1.style.position=newNode.style.position="fixed";
  newNode.style.left="0px";
  newNode.style.top="0px";
  newNode1.style.left="50%";
  newNode1.style.top="50%";
  newNode1.style.marginLeft="-400px";
  newNode1.style.marginTop="-250px";
  newNode1.style.textAlign=newNode.style.textAlign="center";
  opacity(newNode,50);
  var from_Str='';

    from_Str+='<section class="blog mt50" style="margin-top:0px;">';
    from_Str+='<div class="col-md-9" style="height:100%;width:100%;position:relative"> ';
    from_Str+='<!-- Article -->';
    from_Str+='<article>';
    from_Str+='<div class="video-format" style="position:absolute;left:50%;width:800px;margin-left:-400px;padding-bottom:0px;height:500px;">';
  from_Str+='<embed width="100%" height="100%" name="plugin" src='+url+' type="application/x-shockwave-flash">';
    from_Str+='</div>';
    from_Str+='</article>';
    from_Str+='</div>';
    from_Str+='</section>  ';

  from_Str+='</div>';
  from_Str+='</section>';
  newNode1.innerHTML=from_Str;
  newNode.innerHTML="<a href='javascript:void(0)' style='float:right;margin:-10px 10px;color:#fff;font-size:40px'>×</a>";
  newNode.onclick=function(){
    document.body.removeChild(newNode);
    document.body.removeChild(newNode1); 
  }
  document.body.appendChild(newNode);
  document.body.appendChild(newNode1); 
}
</script>
{include file='public/footer'}